<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/inc/taglib.inc"%>
<%@ include file="/WEB-INF/inc/script.inc"%>
<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="${base}">
<title>中金通 | 新闻列表</title>

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">

<link href="css/plugins/summernote/summernote.css" rel="stylesheet">
<link href="css/plugins/summernote/summernote-bs3.css" rel="stylesheet">
<!-- FooTable -->
<!--     <link href="css/plugins/footable/footable.core.css" rel="stylesheet"> -->

<!-- Data Tables -->
<link href="css/plugins/dataTables/dataTables.bootstrap.css"
	rel="stylesheet">
<link href="css/plugins/dataTables/dataTables.responsive.css"
	rel="stylesheet">
<link href="css/plugins/dataTables/dataTables.tableTools.min.css"
	rel="stylesheet">

<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">

</head>

<body>

	<div id="wrapper">

		<!-- 左侧菜单 -->
		<jsp:include page="/WEB-INF/jsp/common/main-menu.jsp"></jsp:include>

		<div id="page-wrapper" class="gray-bg">
			<div class="row border-bottom">
				<!-- 头部工具栏区 -->
				<jsp:include page="/WEB-INF/jsp/common/main-header.jsp"></jsp:include>
			</div>
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-10">
					<h2>新闻管理</h2>
					<ol class="breadcrumb">
						<li><a href="common/platform">Home</a></li>
						<li><a href="news/list">新闻管理</a></li>
						<li class="active"><strong>新闻列表</strong></li>
					</ol>
				</div>
				<div class="col-lg-2"></div>
			</div>

			<div class="row" style="margin-top: 10px;">
				<div class="col-md-12">
					<div class="tabs-container">
						<ul class="nav nav-tabs">
							<li class="active"><a href="news/list"> 新闻列表 </a></li>
							<li><a href="news/add"> 新增新闻 </a></li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active">
								<div class="panel-body">
									<div
										class="wrapper wrapper-content animated fadeInRight ecommerce">

										<div class="ibox-content m-b-sm">
											<!-- border-bottom -->
											<form id="queryForm" method="post">
												<div class="row">
													<div class="col-sm-4">
														<div class="form-group">
															<label class="control-label" for="order_id">标题</label> <input
																type="text" id="title" name="title" value=""
																placeholder="关键字" class="form-control">
														</div>
													</div>
													<div class="col-sm-4">
														<div class="form-group">
															<label class="control-label" for="status">状态</label> <select
																class="form-control m-b" id="status" name="status">
																<option value="-1">所有</option>
																<option value="0">未发布</option>
																<option value="1">已发布</option>
															</select>
														</div>
													</div>
													<div class="col-sm-4">
														<label class="control-label" for="platform">发布平台</label> <select
															class="form-control m-b" id="platform" name="platform">
															<option value="0">全部</option>
															<option value="1">所有平台</option>
															<option value="2">投后APP</option>
															<option value="3">理财师pad</option>
														</select>
													</div>
												</div>
												<div class="row">
													<div class="col-sm-4">
														<div class="form-group">
															<label class="control-label" for="date_added">发布日期</label>
															<div class="input-group date">
																<span class="input-group-addon"><i
																	class="fa fa-calendar"></i></span><input id="date_added"
																	type="text" name="beginDate" class="form-control"
																	data-date-format="yyyy-mm-dd"></input>
															</div>
														</div>
													</div>
													<div class="col-sm-4">
														<div class="form-group">
															<label class="control-label" for="date_modified">&nbsp;</label>
															<div class="input-group date">
																<span class="input-group-addon">至 <i
																	class="fa fa-calendar"></i></span><input id="date_modified"
																	type="text" name="endDate" class="form-control"
																	data-date-format="yyyy-mm-dd">
															</div>
														</div>
													</div>
												</div>
												<div class="row">
													<div class="form-group">
														<div class="col-sm-4 col-sm-offset-5">
															<button class="btn btn-primary" id="queryBtn"
																type="button">查 询</button>
															<button class="btn btn-white" type="reset">重 置</button>
														</div>
													</div>
												</div>
											</form>
										</div>

										<div class="row">
											<div class="col-lg-12">
												<div class="ibox float-e-margins">
													<div class="ibox-content">
														<table id="modelEditable"
															class="table table-striped table-bordered table-hover">
															<thead>
																<tr>
																	<th>标题</th>
																	<th>视频</th>
																	<th>排序值</th>
																	<th>发布平台</th>
																	<th>发布日期</th>
																	<th>状态</th>
																	<th style="background-color: white;">操作</th>
																</tr>
															</thead>
															<tbody>

															</tbody>
														</table>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
			<!-- 底部版权 -->
			<jsp:include page="/WEB-INF/jsp/common/main-footer.jsp"></jsp:include>

		</div>
	</div>

	<!-- Mainly scripts -->
	<script src="js/jquery-2.1.1.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="js/plugins/jeditable/jquery.jeditable.js"></script>
	<script src="js/jquery.serialize-object.min.js" type="text/javascript"></script>
	<!-- Custom and plugin javascript -->
	<script src="js/inspinia.js"></script>
	<script src="js/plugins/pace/pace.min.js"></script>
	<script src="js/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
	<!-- Data picker -->
	<script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>

	<!-- Data Tables -->
	<script src="js/plugins/dataTables/jquery.dataTables.min.js"></script>
	<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
	<script src="js/plugins/dataTables/dataTables.responsive.js"></script>
	<script src="js/plugins/dataTables/dataTables.tableTools.min.js"></script>


	<!-- SUMMERNOTE -->
	<script src="js/plugins/summernote/summernote.min.js"></script>

	<!-- 业务 -->
	<script src="js/news/news-module.js"></script>
	<script src="js/news/ZeroClipboard.js"></script>

	<!-- Page-Level Scripts -->
	<script>
		$(document).ready(function() {
			EmployeeModule.init();
			$('.summernote').summernote();
			$('#date_added').datepicker({
				todayBtn : "linked",
				keyboardNavigation : false,
				forceParse : false,
				calendarWeeks : true,
				autoclose : true
			}).on('changeDate', function(ev){
             	var date = $('#date_added').val();
             	var date2 = $('#date_modified').val();
             	var startDate = Date.parse(date);
             	var endDate = Date.parse(date2);
             	var today = new Date();
             	var todayTime = today.getTime();
               	if(startDate >= todayTime){
               		bootbox.alert("查询开始时间不能大于当前时间");
               		$('#date_added').val("");
               		$('#date_modified').val("");
               	}else if(startDate > endDate){
               		bootbox.alert("查询开始时间不能大于截止时间.");
               		$('#date_added').val("");
               		$('#date_modified').val("");
               	}
               	$('#date_added').datepicker('hide');
            });
			$('#date_modified').datepicker({
				todayBtn : "linked",
				keyboardNavigation : false,
				forceParse : false,
				calendarWeeks : true,
				autoclose : true
			}).on('changeDate', function(ev){
             	var date = $('#date_added').val();
             	var date2 = $('#date_modified').val();
             	var startDate = Date.parse(date);
             	var endDate = Date.parse(date2);
             	var today = new Date();
             	var todayTime = today.getTime();
               	if(endDate >= todayTime){
               		bootbox.alert("查询结束时间不能大于当前时间");
               		$('#date_added').val("");
               		$('#date_modified').val("");
               	}else if(startDate > endDate){
               		bootbox.alert("查询开始时间不能大于截止时间.");
               		$('#date_added').val("");
               		$('#date_modified').val("");
               	}
               	$('#date_modified').datepicker('hide');
            });
			
		});
	</script>

</body>

</html>
